// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";



// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger : 	  #ff0e00,
  light:      #f4f4f4,
  dark:       #222
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here

ion-header {

	background: linear-gradient(to right, #ff4200, #ff0000);
	}
	

.menu-inner{
	.navbar{
		height:120px;
	}
	.app{
		.scroll-content{
			margin-top:120px
		}
	}
}




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
//行动表标题对其
$action-sheet-md-text-align: center;

//行动表标题大小
$action-sheet-md-title-font-size:1.3rem;

//segment-button

$segment-button-md-text-color-activated: #ff0000;

$segment-button-md-border-color-activated:#ff0000;

.password{
	.alert-wrapper{
		width: 75%;
		.pord{
			padding: 10px 0;
			flex-flow: column;
			.title {
				padding: 8px 0;
				display:flex;
				width:100%;
				height:20%;
				border-bottom: 1px solid rgb(200,200,200);
				span{
					margin: auto;
				}
				img{
					position: absolute;
					width:25px;
					height:25px;
					top: 10px;
					left: 10px;
					

				}
			}
			.tixian{
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-bottom: -10px;
    			margin-top: 10px;
				.tixiantitle{

				}
				.money{
					font-size: 3.5rem;
				}
				.withdraw{

				}
			}
			.card-tihuo-phone{
				display: flex;
				flex-direction: column;
				margin: 20px auto 0px auto;
				width: fit-content;
				span:first-child{
					align-self: center;
					font-size: 1.6rem;
					font-weight: 800;
				}
				span:last-child{
					align-self: flex-start;
					font-size: 1.6rem;
					font-weight: 800;
				}
			}
			.number{
				position: absolute;
				bottom: 36px;
				height: 40px;
				background: transparent;
				border: 0;
				color: #fff;

			}
			.input {
				flex-flow: column;
				width:100%;
				display:flex;
				.remember{
					justify-content: flex-end;
					display: flex;
					padding-right: 18px;
					a{
						color:rgb(200, 200, 200);
					}
				}
				.pan {
					margin: auto;
					display: flex;
					padding: 30px 0 5px 0;

					span{
						width:40px;
						border:1px solid rgb(170,170,170);
						border-left:0px;
						height:40px;
						display:flex;
						font-size: 3rem;
						text-align: center;
						color: transparent;
						webkit-user-select:text
						span{
							border: 1px solid #333;
							margin: auto;
							width: 40%;
							height: 40%;
							border-radius: 20px;
							background: #333;

						}
					}
					span:first-child{
						border-radius:5px 0 0 5px;
						border-left:1px solid rgb(170,170,170);
					}
					span:last-child{
						border-radius: 0 5px 5px 0;
					}
					.circle:after{
						content:"";
						border: 1px solid #333;
						margin: auto;
						width: 40%;
						height: 40%;
						border-radius: 20px;
						background: #333;
					}
					input{
						height: 4rem;
						

					}
				}

			
			}
		}




	}

}

//ant
.ant-tabs-nav{
	width:100%;
	display:flex;
	.ant-tabs-tab{
		margin-right: 0px;
		padding:0;
	}
}

body{
	padding-top: env(safe-area-inset-top)!important;
  padding-bottom: env(safe-area-inset-bottom)!important;
}

// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
